import React, { Component } from 'react'

export default class App extends Component {
  // #1 创建一个 ref 引用赋值给实例属性 inputRef
  inputRef = React.createRef()
  getValue = () => {
    // #3 this.inputRef.current 就是 DOM
    console.log(this.inputRef.current.value)
  }
  render() {
    return (
      <ul>
        <li>
          用户名：
          {/* #2 用 this.inputRef 引用和 input 的 ref 属性进行绑定 */}
          <input type='text' ref={this.inputRef} />
          <button onClick={this.getValue}>获取数据</button>
        </li>
      </ul>
    )
  }
}
